/* constant */
@rem: 25rem;

.container{
  overflow: hidden;

  .data-list{
    width: 95%;
    margin: 10/@rem auto;
    background: #FFF;
    border-radius: 5/@rem;
    font-size: 13/@rem;
    display: block;

    .data-item{
      justify-content: space-between;
      padding: 10/@rem;
      border-bottom: 1/@rem solid #F0F0F0;
      display: flex;

      .bank-icon{
        width: 30/@rem;
        height: 30/@rem;
        margin-right: 15/@rem;
        margin-top: 15/@rem;
      }
      .bank-info{
        display: flex;
        margin: 10/@rem 0;
        text-align: left;
      }
      .bank-name{
        font-size: 15/@rem;
        font-weight: bold;
      }

      .select-status{
        line-height: 30/@rem;
        color: #999;
      }
      .add-bank{
        line-height: 30/@rem;
        font-size: 15/@rem;
        color: #666;
        font-weight: bold;
      }
      .default-font{
        width: 60/@rem;
        line-height: 80/@rem;
      }
      .checked-btn,.del-btn{
        height: 30/@rem;
        line-height: 30/@rem;
        font-size: 12/@rem;
        color: #FFF;
        margin: 8/@rem 0 0 5/@rem;
        border: none;
        border-radius: 5/@rem;
        padding: 2/@rem 10/@rem;
      }
      .checked-btn{
        background: #38B638;
      }
      .del-btn{
        background: red;
      }

      p{
        margin: 10/@rem 0;
      }

      .add-bank-icon{
        width: 30/@rem;
        height: 30/@rem;
        margin-right: 15/@rem;
      }
    }
  }
}
